<script setup lang="ts">
import { ref } from 'vue'

const popupRef = ref<UniHelper.UniPopupInstance>()

const open = () => {
  popupRef.value?.open?.()
}

const close = () => {
  popupRef.value?.close?.()
}
</script>

<template>
  <auth-page>
    <view>
      <button @click="open">底部弹出 自定义圆角</button>
      <uni-popup
        background-color="#fff"
        ref="popupRef"
        type="bottom"
        border-radius="20rpx 20rpx 0 0"
      >
        <button @click="close">关闭</button>
        <view style="height: 300rpx"> 底部弹出 自定义圆角 </view>
      </uni-popup>
    </view>
  </auth-page>
</template>

<style lang="scss"></style>
